<!DOCTYPE html>
<html>
 
	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="css/borrow.css">
		<link rel="stylesheet" href="../../static/components/components.css" />	
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">钥匙归还记录</h1>
			<span class="mui-icon mui-icon-right-nav mui-pull-right right-titleicon">
				+
			</span>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div class="top">
				<transition name="fade">
					<div class="drop-menulist" v-if="showMenu"> 
						<div @click="menuClick(item)" v-for="(item,index) in menuList" :key="index">
							{{item.name}}
							<img v-if="item.name=='我值班' && onStatus" src="../../../../img//bottom-icon1-.png" class="icon-onwork" alt="">
						</div>	
					</div>
				</transition>		
			</div>
		<div>
			<div class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="box_title">
						<div class="icon"></div><div class="color-blue" id="part-title">钥匙归还记录</div>
					</div>
					<div class="flex-row mt-10">
							<div class="form_label">归还人</div> 
							<personselect :issingle="isSingle" :disabled="true" ref="personselect1" style="width:55vw;"></personselect>
					</div> 
					<div class="flex-row mt-10">
							<div class="form_label">当值人</div> 
							<personselect :issingle="isSingle"  ref="personselect2" style="width:55vw;"></personselect>
					</div>
					<div class="flex-row mt-10">
						<div class="form_label">归还时间</div> 
						<div class="date-box">{{detail.createDate || keyOperate.modifyDate}}</div>
					</div>	
					<hr size="1" style="color: #999;border-style: dashed; widows: 250px;margin: 15px 0;" />
						<div class="flex-between">
							<div style="color: #666;">钥匙列表</div>
						</div>
					<div class="yaoshi_list">
						<div v-for="(item,index) in keyList" :key="index">
							<div class="flex-between">
								<div>{{index+1}}. {{item.keyCode}}-{{item.deviceCode}}-{{item.keyName}}</div>
								<div class="color-red" v-if="item.operateStaffCode == null && workId == ''">未归还</div>
								<div class="color-blue" v-if="item.operateStaffCode != null && workId == ''">已归还</div>
							</div>
							<hr size="1" style="color: #999;border-style: dashed; widows: 250px;" />
						</div>
					</div>
					
					<hr size="1" style="color: #999;border-style: dashed; widows: 250px;margin: 15px 0;" />
					
					
					
					<div v-if="showAble">
						<div>审批意见</div>
						<textarea maxlength="600" v-model="desc" class="mt-10" style="height: 80px" placeholder="请输入审批意见"></textarea>
					</div>
					
					<div>
						<div>流程日志</div>
						<processlog :processlogid='workId'></processlog>
						
					</div>
			</div>
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
				<button class="cancel_btn" @click="sendBack" v-if="showAble">退回</button>
				<button class="submit_btn" @click="goOn" v-if="showAble">通过</button>
				<button class="cancel_btn" @click="goBack">返回</button>
			</div>

			</div>
			
			<div class="popup-bg" v-if="showSubmit" @click="showSubmit = false">
				<div class="add-box"  @click.stop="clickStop" style="padding-top: 10px">
					<div class="flex-row m-10">
						<div style="margin-right: 15px">审批人</div> 
						<personselect :issingle="isSingle" ref="personselectNext" style="width:55vw;"></personselect>
					</div>
					<div class="pop-bottom">
						<div class="color-blue" @click="submitAdd">确认</div>
						<div class="color-red" @click="showSubmit = false">取消</div>
					</div>
				</div> 
			</div>
			
		</div>
		
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script src="../../static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		<script src="../../static/components/personSelect.js"></script>
		<script src="../../static/components/processLog.js"></script>
		<script type="text/javascript" src="../../static/js/neiosRequst.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="js/returnDetail.js"></script>
		
	</body>

</html>